﻿@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-size: 100px; }

body {
  font-size: .12rem;
  font-family: Arial, "微软雅黑";
  color: #333;
  -webkit-text-size-adjust: none;
  opacity: 0; }
  body.show {
    opacity: 1;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease; }

a {
  color: #333;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #0066cc;
    outline: none; }

li {
  list-style: outside none; }

h1 {
  font-size: 16px; }

h2, h3, h4, h5 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

textarea, input {
  background: transparent;
  font-size: 12px;
  font-family: Arial, "微软雅黑";
  color: #888;
  outline: none;
  border: 0px; }

em {
  font-style: normal; }

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0px; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both;
  height: 0px;
  display: block;
  _display: inherit; }

.ellipsis, .indexNews .name a, .indexNews li a, .indexCase .name a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }

.h10 {
  height: 0.1rem;
  overflow: hidden;
  clear: both; }

.h50 {
  height: 0.5rem;
  overflow: hidden;
  clear: both; }

.wal {
  max-width: 13.7rem;
  margin: 0px auto; }

a, .transition, :before, img, .nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.flex {
  display: flex;
  display: -webkit-flex; }

.flexColumn {
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.pcShow {
  display: block; }

.phoneShow {
  display: none; }

.head {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.8rem;
  background: rgba(255, 255, 255, 1); }
  .head2 {
  background: rgba(59, 73, 142,1 ); }
  .head a.logo {
    display: block;
    width: 2.55rem;
    position: absolute;
    z-index: 10;
    left: 0.25rem;
    right: auto;
    top: 0.1rem;
    bottom: auto; }
  .head .nav {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.63rem;
    top: 0;
    bottom: auto; }
    .head .nav li {
      float: left;
      padding-left: 1px; }
    .head .nav a {
      display: block;
      padding: 0 .27rem;
      height: 0.8rem;
      line-height: 0.8rem;
      font-size: 16px;
      color: #333;
      position: relative; }
      .head .nav a span {
        display: inline-block;
        position: relative; }
      .head .nav a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        background: #227ed4; }
.head .nav a:hover{color:#fff;}
      .head .nav a:hover:before, .head .nav a.on:before {
        height: 100%; }

.footMsg {
  background: #0066cc;
  min-height: .93rem;
  color: #fff; }
  .footMsg .wal {
    font-size: 13px;
    line-height: .37rem;
    padding: .28rem 0; }
  .footMsg span {
    padding: 0 1em; }

.foot .wal {
  min-height: 1.18rem;
  font-size: 13px;
  color: #999;
  position: relative; }
.foot a {
  color: #999; }
.foot .content {
  line-height: .37rem;
  padding: .22rem 0; }
.foot .list {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0.4rem;
  bottom: auto; }
  .foot .list li {
    float: left;
    padding-left: .32rem; }
    .foot .list li.li_01 a {
      background-image: url("../images/nimg31_1.png"); }
    .foot .list li.li_02 a {
      background-image: url("../images/nimg31_2.png"); }
    .foot .list li.li_03 a {
      background-image: url("../images/nimg31_3.png"); }
  .foot .list a {
    display: block;
    height: .37rem;
    line-height: .37rem;
    background: left center no-repeat;
    background-size: .31rem;
    padding-left: .4rem; }

.indexFlash {
  height: 6rem;
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexFlash .swiper-slide a {
    display: block;
    height: 6rem;
    background: center no-repeat;
    background-size: cover; }
  .indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0.25rem;
    width: 100%;
    font-size: 0;
    text-align: center; }
    .indexFlash .dots span {
      display: inline-block;
      margin: 0 .05rem;
      height: .1rem;
      width: .2rem;
      background: #fff;
      -moz-border-radius: 0.1rem;
      -webkit-border-radius: 0.1rem;
      border-radius: 0.1rem; }
      .indexFlash .dots span.swiper-pagination-bullet-active {
        background: #0c78d4;
        width: .32rem; }

.indexPart1 {
  min-height: 2.2rem;
  background: #0066cc; }
  .indexPart1 li {
    float: left;
    width: 16.666%; }
  .indexPart1 a {
    display: block;
    height: 2.2rem;
    text-align: center;
    color: #fff;
    font-size: 16px; }
    .indexPart1 a div {
      width: .85rem;
      padding: .55rem 0 .15rem 0;
      margin: 0 auto; }
    .indexPart1 a:hover {
      background: #0099ff; }

.indexTitle {
  text-align: center;
  padding: .6rem 0; }
  .indexTitle h2 {
    font-size: .32rem;
    color: #0066cc;
    position: relative;
    padding-bottom: .2rem; }
    .indexTitle h2:before {
      content: "";
      display: block;
      position: absolute;
      width: .48rem;
      height: 2px;
      background: #0066cc;
      left: 50%;
      bottom: .08rem;
      margin-left: -.24rem; }
  .indexTitle span {
    text-transform: uppercase;
    font-size: .18rem;
    color: #999; }

.indexAbout {
  max-width: 10.95rem;
  padding-top: .7rem; }
  .indexAbout .indexTitle {
    padding-bottom: .3rem; }
  .indexAbout .content {
    font-size: 14px;
    line-height: 2.7em;
    text-align: justify; }
  .indexAbout .more {
    padding: .5rem 0 .8rem 0; }
    .indexAbout .more a {
      display: block;
      margin: 0 auto;
      font-size: 14px;
      color: #999;
      width: 1.45rem;
      height: .35rem;
      line-height: .33rem;
      border: #c9c9c9 solid 1px;
      text-align: center; }
      .indexAbout .more a:hover {
        background: #0066cc;
        border-color: #0066cc;
        color: #fff; }

.indexNews {
  background: url("../images/nimg1920_2.jpg") center no-repeat;
  background-size: cover;
  min-height: 7.8rem; }
  .indexNews .wal {
    max-width: 12rem; }
  .indexNews .indexTitle h2, .indexNews .indexTitle span {
    color: #fff; }
  .indexNews .indexTitle h2:before {
    background: #fff; }
  .indexNews .fl {
    width: 50%;
    padding-right: .2rem; }
  .indexNews #indexNews {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .indexNews #indexNews .dots {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: auto;
      bottom: 0.92rem;
      width: 100%;
      font-size: 0;
      text-align: center; }
      .indexNews #indexNews .dots span {
        display: inline-block;
        margin: 0 .05rem;
        height: .1rem;
        width: .2rem;
        background: #fff;
        -moz-border-radius: 0.1rem;
        -webkit-border-radius: 0.1rem;
        border-radius: 0.1rem; }
        .indexNews #indexNews .dots span.swiper-pagination-bullet-active {
          background: #0c78d4;
          width: .32rem; }
    .indexNews #indexNews .swiper-slide:hover .imgDiv img {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2); }
    .indexNews #indexNews .swiper-slide:hover .name a {
      background-color: #227ed4; }
    .indexNews #indexNews .imgDiv {
      width: 100%;
      overflow: hidden;
      position: relative; }
  .indexNews .fr {
    width: 50%;
    padding-left: .05rem; }
  .indexNews .name a {
    display: block;
    height: .79rem;
    line-height: .79rem;
    background: #0066cc url("../images/img79.png") right center no-repeat;
    background-size: .79rem;
    font-size: 16px;
    color: #fff;
    padding: 0 .95rem 0 .25rem; }
  .indexNews li a {
    display: block;
    color: #fff;
    font-size: 16px;
    height: .712rem;
    line-height: .712rem;
    position: relative; }
    .indexNews li a span {
      padding: 0 .25rem 0 .15rem; }
    .indexNews li a:hover {
      background: #227ed4; }

.indexCase {
  padding: 0 .5rem;
  min-height: .5rem;
  position: relative;
  margin-bottom: 1.1rem; }
  .indexCase #indexCase {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .indexCase .swiper-slide {
    padding: 0 .12rem; }
    .indexCase .swiper-slide:hover .imgDiv a {
      opacity: 1; }
    .indexCase .swiper-slide:hover .name a {
      background: #227ed4; }
  .indexCase .imgDiv {
    position: relative;
    margin-bottom: 2px; }
    .indexCase .imgDiv a {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6) url("../images/img80.png") center no-repeat;
      background-size: .8rem;
      opacity: 0; }
  .indexCase .name a {
    display: block;
    height: .48rem;
    line-height: .48rem;
    background: #0066cc;
    text-align: center;
    font-size: 16px;
    color: #fff; }
  .indexCase a.arrow {
    display: block;
    width: .5rem;
    height: .5rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.25rem;
    background: #0066cc center no-repeat;
    background-size: cover; }
    .indexCase a.arrow:hover {
      background-color: #227ed4; }
    .indexCase a.arrow.prev {
      background-image: url("../images/prev50.png");
      left: 0; }
    .indexCase a.arrow.next {
      background-image: url("../images/next50.png");
      right: 0; }

@media screen and (max-width: 800px) {
  .wal {
    max-width: 8rem; }

  .pcShow {
    display: none; }

  .phoneShow {
    display: block; }

  body.navShow .navBg {
    display: block; }
  body.navShow .head .nav {
    right: 0; }

  .navBg {
    position: fixed;
    z-index: 49;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none; }
.head{height:1.0rem;}
.head a.logo{left:3%;}
  .head a.navA {
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    background: url("../images/navA.png") center no-repeat;
    background-size: .4rem; }
  .head .nav {
    position: fixed;
    right: -4.5rem;
    width: 4.5rem;
    height: 100%;
    overflow-y: auto;
    background: #0066cc; }
    .head .nav .close {
      height: 1rem;
      position: relative; }
      .head .nav .close i {
        display: block;
        width: 1rem;
        height: 1rem;
        position: absolute;
        z-index: 10;
        left: auto;
        right: 0;
        top: 0;
        bottom: auto;
        background: url("../images/close.png") center no-repeat;
        background-size: .4rem; }
    .head .nav li {
      float: none;
      padding-left: 0;
      border-top: rgba(255, 255, 255, 0.2) solid 1px; }
    .head .nav a {
      padding: 0 0 0 .5rem;
      font-size: 0.26rem; color:#fff;}
      .head .nav a:before {
        display: none; }
    .head .nav .tel a {
      padding-left: 1.3rem;
	  font-size: 0.42rem;
      background: url("../images/img63.png") 0.5rem center no-repeat;
      background-size: .63rem;
      height: 1.6rem;
      line-height: 1.65rem; }

  .footMsg .wal {
    font-size: .24rem;
    line-height: 1.75em; }
  .footMsg span {
    padding: 0;
    display: block; }

  .foot .wal {
    font-size: 0.22rem; }
  .foot .content {
    line-height: 1.75em; }
  .foot .list {
    position: relative;
    top: 0;
    height: .8rem; }
    .foot .list li {
      padding: 0 .32rem 0 0; }
    .foot .list a {
      height: .5rem;
      line-height: .5rem;
      background-size: .5rem;
      padding-left: .6rem;
      font-size: .26rem; }

  .indexFlash, .indexFlash .swiper-slide a {
    height: 6rem; }

  .indexPart1 li {
    width: 33.333%; }
    .indexPart1 li:nth-child(3) a, .indexPart1 li:nth-child(6) a {
      border-right: 0; }
  .indexPart1 a {
    font-size: .24rem;
    border-right: #0066cc solid 1px;
    border-bottom: #0066cc solid 1px; }

  .indexTitle h2 {
    font-size: .4rem;
    padding-bottom: .25rem; }
    .indexTitle h2:before {
      bottom: .12rem; }
  .indexTitle span {
    font-size: .22rem; }

  .indexAbout .content {
    font-size: 0.24rem; }
  .indexAbout .more a {
    width: 1.9rem;
    height: .55rem;
    line-height: .53rem; }

  .indexNews .wal {
    max-width: 8rem; }
  .indexNews .fl, .indexNews .fr {
    width: 100%;
    padding: 0; }
  .indexNews .name a {
    font-size: 0.26rem; }
  .indexNews .fr {
    padding: .5rem 0 0 0; }
  .indexNews li a {
    font-size: 0.26rem; }

  .indexCase {
    padding: 0; }
    .indexCase .name a {
      height: .68rem;
      line-height: .68rem;
      font-size: 0.26rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

.headD
{
height:1rem;
}

.pageBanner{height:3.5rem; background:center no-repeat; background-size:cover;}
.pageBanner .wal{height:2rem; position:relative;}
.pageBanner .layer{color:#FFF; position:absolute; left:.55rem; top:1.7rem; font-size:.2rem; text-transform:uppercase;}
.pageBanner .layer h2{font-size:.36rem;}

.pageNav{text-align:center; font-size:0; height:.47rem; border-bottom:#e5e5e5 solid 1px; background:#FFF;}
.pageNav .name{display:none;}
.pageNav li{padding:0 .12rem; display:inline-block;}
.pageNav a{display:block; height:.47rem; line-height:.47rem; position:relative; font-size:.14rem; color:#999; padding:0 .07rem;}
.pageNav a:before{content:""; display:block; position:absolute; left:50%; bottom:-1px; height:3px; background:#008fd7; width:0;}
.pageNav a:hover, .pageNav a.on{color:#008fd7;}
.pageNav a:hover:before, .pageNav a.on:before{left:0; width:100%;}


.about{min-height:5rem; line-height:.36rem;}
.about .name{font-size:.22rem; padding-top:.4rem;}
.about .content{font-size:.16rem; color:#666; text-align:justify; padding-bottom:.15rem;}
.about .img{padding-bottom:.15rem;}
.about .fl{width:50%; padding-right:.22rem;}
.about .fr{width:50%; padding:.08rem 0 0 .27rem;}

.History{min-height:10rem; background:url(../images/History.jpg) center top no-repeat fixed; background-size:cover;}
.History .list{max-width:8.94rem; margin:0 auto; min-height:10rem; position:relative; padding-top:.7rem;}
.History .list:before{content:""; display:block; background:url(../images/img30.png) center no-repeat; background-size:cover; width:.3rem; height:.3rem; position:absolute; left:50%; top:.4rem; margin-left:-.17rem;}
.History li{width:50%; padding:0 .5rem 0 0; border-right:#FFF solid .04rem; min-height:1rem; position:relative;}
.History .title{text-align:right; color:#FFF; font-size:.13rem; padding:.8rem 0 .22rem 0; height:1.2rem;}
.History .title div{font-size:.22rem; height:.3rem; line-height:.3rem; position:relative;}
.History .title div:before{content:""; display:block; position:absolute; right:-.5rem; top:50%; width:.38rem; height:1px; background:#FFF;}
.History .img{width:100%; overflow:hidden; position:relative;}
.History .name{height:.5rem; line-height:.5rem; position:relative; background:#008fd7; font-size:.18rem; color:#FFF; padding:0 .2rem;}
.History .name:before{content:""; display:block; background:url(../images/img27_1.png) center no-repeat; background-size:cover; width:.27rem; height:.15rem; position:absolute; bottom:-1px; right:.45rem;}
.History .box{background:rgba(255,255,255,0.85); padding:.2rem; min-height:3.8rem;}
.History .content{line-height:.26rem; color:#666; padding-top:.2rem;}
/**/
.History li.liOdd{margin-left:auto; margin-top:-4.82rem; padding:0 0 0 .5rem; border-right:0; border-left:#FFF solid .04rem; left:-.04rem;}
.History li.liOdd .title{text-align:left;}
.History li.liOdd .title div:before{right:auto; left:-.5rem;}
.History li.liOdd .name{text-align:right;}
.History li.liOdd .name:before{right:auto; left:.45rem;}
.History .msg{clear:both; text-align:center; font-size:.14rem; color:#FFF; padding:1rem 0 .45rem 0; background:url(../images/img4.png) center top no-repeat; background-size:.04rem; position:relative; left:-.02rem;}

.honor{padding-top:.46rem;}
.honor ul{margin-left:-.3rem;}
.honor li{float:left; width:25%; padding:0 0 .21rem .3rem;}
.honor li:nth-child(4n+1){clear:left;}
.honor img{border:#e7e7e7 solid .05rem;}
.honor a:hover img{border-color:#008fd7;}

.news{padding-top:.38rem;}
.news ul{margin-left:-.28rem;}
.news li{float:left; width:33.333%; padding:0 0 .15rem .28rem;}
.news .imgDiv{width:100%; overflow:hidden; position:relative;}
.news .name{font-size:.16rem; height:.5rem; line-height:.5rem;}
.news p{line-height:.26rem; color:#999; height:.52rem; overflow:hidden;}
.news .btn a{color:#008fd7; display:block; height:.38rem; line-height:.38rem; padding-left:.23rem; background:url(../images/nimg13.png) left center no-repeat; background-size:.13rem;}
.news .time{line-height:.45rem; border-top:#e3e3e3 solid 1px; color:#ccc;}
.news .time span{display:inline-block; height:.45rem; padding-right:.2rem; background:url(../images/nimg13_2.png) right center no-repeat; background-size:.13rem;}
.news li:hover .name a{color:#008fd7;}

.pageMore{clear:both; text-align:center; font-size:0; padding:.1rem 0 .65rem 0;}
.pageMore a{display:inline-block; width:2.86rem; height:.48rem; line-height:.48rem; background:#efefef; color:#666; font-size:.16rem;}
.pageMore a:hover{background:#008fd7; color:#FFF;}

.newShow{padding:.35rem; background:#f2f2f2; min-height:5rem;}
.newShow .wal{min-height:5rem; background:#fff; border-top:#008fd7 solid .03rem; position:relative; padding:0 .7rem;}
.newShow .wal:before{content:""; display:block; position:absolute; left:0; top:-.03rem; width:.75rem; height:.03rem; background:#999;}
.newShow .wal:after{content:""; display:block; position:absolute; right:0; top:-.03rem; width:.75rem; height:.03rem; background:#999;}
.newShow .title{padding-top:.55rem; font-size:.36rem;}
.newShow .msg{font-size:.14rem; color:#999; padding:.1rem 0 .15rem 0; border-bottom:#ccc solid 1px;}
.newShow .msg span{padding-right:2em;}
.newShow .msg a{color:#008fd7;}
.newShow .content{padding:.38rem 0 .68rem 0; text-align:justify; color:#666; font-size:.16rem; line-height:.36rem;}

.pageNum2{margin-left:-.7rem; margin-right:-.7rem; border-top:#ccc solid 1px; min-height:1rem; position:relative; font-size:.14rem; color:#999;}
.pageNum2 span{display:block;}
.pageNum2 .fl,
.pageNum2 .fr{width:41%; line-height:.3rem; min-height:1rem;}
.pageNum2 .fl a,
.pageNum2 .fr a{display:block; height:.3rem; line-height:.3rem;}
.pageNum2 .fl{padding:.2rem .55rem 0 .7rem;}
.pageNum2 .fr{padding:.2rem .7rem 0 .55rem;}
.pageNum2 div:hover{background:#008fd7; color:#FFF;}
.pageNum2 div:hover a{color:#FFF;}
.pageNum2 a.back{display:block; clear:both; width:18%; position:absolute; left:41%; top:0; height:1rem; border-left:#CCC solid 1px; border-right:#CCC solid 1px; text-align:center; color:#999; line-height:1rem;}
.pageNum2 a.back:hover{color:#fff; background:#008fd7;}


.service_01{background:#FFF; margin-bottom:.25rem; position:relative; min-height:4.51rem; padding:0 .4rem .4rem 5.4rem;}
.service_01 .imgDiv{position:absolute; left:0; top:0; width:5rem;}
.service_01 .title{position:relative; padding:.4rem 0 .07rem 0; font-size:.22rem; color:#999; width:4em; border-bottom:#ccc solid 1px;}
.service_01 .content{font-size:.14rem; line-height:.36rem; color:#999; padding:.18rem 0;}
.service_01 .list{min-height:1.6rem; position:relative;}
.service_01 .list:before{content:""; display:block; position:absolute; left:0; top:0; width:1px; height:1.1rem; background:#d8d8d8;}
.service_01 li{float:left; width:33.333%; height:1.1rem; position:relative; padding:0 0 0 .3rem; line-height:.22rem; color:#666;}
.service_01 li:before{content:""; display:block; position:absolute; right:0; top:0; width:1px; height:1.1rem; background:#d8d8d8;}
.service_01 li div{height:.7rem; font-weight:bold; position:relative; font-size:.59rem; color:#008fd7; line-height:.5rem;}
.service_01 li div:before{content:""; display:block; position:absolute; left:0; top:.6rem; width:.24rem; height:.02rem; background:#ccc;}
.service_01 .form{height:.54rem; border:#CCC solid .02rem; position:relative;}
.service_01 .form a{display:block; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%;}
.service_01 .form .input1{width:100%; height:.5rem; line-height:.5rem; padding:0 .15rem; font-size:.16rem;}
.service_01 .form .btn{position:absolute; top:-.02rem; right:-.02rem; width:1.57rem; height:.54rem; background:#008fd7 url(../images/nimg25.png) center no-repeat; background-size:.25rem;}
.service_01 .form .btn1{width:100%; height:.54rem;}

.serviceLayer{position:fixed; z-index:100; left:50%; top:10%; width:6.4rem; background:#FFF; min-height:1rem; padding:.5rem; display:; margin-left:-3.2rem; display:none;}
.serviceLayer a.close{display:block; background:url(../images/nimg75_1.png) center no-repeat; background-size:cover; width:.75rem; height:.75rem; position:absolute; top:0; right:-.75rem;}
.serviceLayer .form{height:.54rem; border:#CCC solid .02rem; position:relative; margin-bottom:.4rem;}
.serviceLayer .form .input1{width:100%; height:.5rem; line-height:.5rem; padding:0 .15rem; font-size:.16rem;}
.serviceLayer .form .btn{position:absolute; top:-.02rem; right:-.02rem; width:1.57rem; height:.54rem; background:#008fd7 url(../images/nimg25.png) center no-repeat; background-size:.25rem;}
.serviceLayer .form .btn1{width:100%; height:.54rem;}
.serviceLayer .list{border-top:#e4e4e4 solid 1px; height:5rem; overflow:hidden;}
.serviceLayer .list li{border-bottom:#e4e4e4 solid 1px; padding:.13rem .26rem; line-height:.22rem; font-size:.13rem; color:#666;}
.serviceLayer .list h5{font-size:.13rem;}
.serviceLayer .list li.on,
.serviceLayer .list li:hover,
.serviceLayer .more a:hover{background:#008fd7; color:#FFF;}
.serviceLayer .more{padding-top:.48rem;}
.serviceLayer .more a{display:block; text-align:center; line-height:.57rem; font-size:.13rem; color:#666; background:#f2f2f2; letter-spacing:1px;}

.service_02{background:#FFF; margin-bottom:.25rem; min-height:4.23rem;}
.service_02 li{float:left; width:50%; position:relative; min-height:1.9rem; padding:0 .75rem 0 2.25rem;}
.service_02 .imgDiv{width:1.13rem; position:absolute; left:.75rem; top:.62rem;}
.service_02 .name{font-size:.24rem; line-height:.37rem; color:#008fd7; padding:.5rem 0 .07rem 0;}
.service_02 p{line-height:.32rem; color:#666;}

.service_03{background:#FFF; margin-bottom:.25rem; min-height:1rem; width:100%; padding:0;}
.service_03 .indexTitle{height:.76rem; border-bottom:#CCC solid 1px; position:relative; padding-left:.46rem;}
.service_03-1 .list a:before{background-image:url(../images/nimg39.png); background-size:.39rem;}
.service_03-1 .list li:hover a:before{background-image:url(../images/img39on.png);}
.service_03 .indexTitle{padding:0;}

.indexPart6{width:100%; min-height:1rem;}
.indexPart6 .list{padding:.28rem .45rem .6rem .46rem;}
.indexPart6 .list li{min-height:.88rem; position:relative; border-bottom:#ececec solid 1px; padding:.18rem .16rem;}
.indexPart6 .list .time{font-size:.13rem; color:#008fd7;}
.indexPart6 .list .name{font-size:.14rem; padding-top:.1rem; color:#333;}
.indexPart6 .list a{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.indexPart6 .list a:before{content:""; display:block; background:url(../images/img44.png) center no-repeat; background-size:cover; width:.44rem; height:.4rem; position:absolute; right:.29rem; top:50%; margin-top:-.2rem;}
.indexPart6 .list li:hover{background:#008fd7;}
.indexPart6 .list li:hover .time,
.indexPart6 .list li:hover .name{color:#FFF;}
.indexPart6 .list li:hover a:before{background-image:url(../images/img44on.png);}

.indexPart7{background:url(../images/indexPart6.gif) left top no-repeat; padding:1px 0 30px 0; min-height:100px;}
.indexPart7 .title{height:46px; line-height:46px; position:relative; font-size:20px; padding:0 5px; border-left:#f0f0f0 solid 1px; border-right:#f0f0f0 solid 1px;}
.indexPart7 .list{border:#f0f0f0 solid 1px; border-top:0px; min-height:70px; padding-top:5px;}
.indexPart7 .list li{float:left; width:190px; height:32px; height:32px; overflow:hidden;}
.indexPart7 .list a{font-size:13px; color:#666; padding-left:25px; background:url(../images/ico2.png) 15px center no-repeat;}
.indexPart7 .list a:hover{color:#0066cc;}


.indexTitle2{height:0.7rem; border-bottom:#CCC solid 1px; position:relative; padding-left:.46rem;}
.indexTitle2 ul{position:absolute; left:.46rem; bottom:0;}
.indexTitle2 li{float:left; margin-right:.58rem; font-size:.18rem; color:#666; height:.45rem; line-height:.45rem; position:relative; padding-left:.23rem; background:url(../images/img16_1.png) left center no-repeat; background-size:.16rem;}
.indexTitle2 li.on{background-image:url(../images/img16_1on.png); color:#008fd7;}
.indexTitle2 li.on:before{content:""; display:block; width:100%; height:2px; background:#66ccff; position:absolute; left:0; bottom:-1px;}
.indexTitle2 a.more{display:block; position:absolute; bottom:0; right:.65rem; line-height:.45rem; background:url(../images/img15.png) right center no-repeat; background-size:.15rem; padding-right:.2rem;}
.indexTitle2 a.more:hover{background-image:url(../images/img15on.png); color:#008fd7;}


.serviceLayer{position:fixed; z-index:100; left:50%; top:10%; width:6.4rem; background:#FFF; min-height:1rem; padding:.5rem; display:; margin-left:-3.2rem; display:none;}
.serviceLayer a.close{display:block; background:url(../images/nimg75_1.png) center no-repeat; background-size:cover; width:.75rem; height:.75rem; position:absolute; top:0; right:-.75rem;}
.serviceLayer .form{height:.54rem; border:#CCC solid .02rem; position:relative; margin-bottom:.4rem;}
.serviceLayer .form .input1{width:100%; height:.5rem; line-height:.5rem; padding:0 .15rem; font-size:.16rem;}
.serviceLayer .form .btn{position:absolute; top:-.02rem; right:-.02rem; width:1.57rem; height:.54rem; background:#008fd7 url(../images/nimg25.png) center no-repeat; background-size:.25rem;}
.serviceLayer .form .btn1{width:100%; height:.54rem;}
.serviceLayer .list{border-top:#e4e4e4 solid 1px; height:5rem; overflow:hidden;}
.serviceLayer .list li{border-bottom:#e4e4e4 solid 1px; padding:.13rem .26rem; line-height:.22rem; font-size:.13rem; color:#666;}
.serviceLayer .list h5{font-size:.13rem;}
.serviceLayer .list li.on,
.serviceLayer .list li:hover,
.serviceLayer .more a:hover{background:#008fd7; color:#FFF;}
.serviceLayer .more{padding-top:.48rem;}
.serviceLayer .more a{display:block; text-align:center; line-height:.57rem; font-size:.13rem; color:#666; background:#f2f2f2; letter-spacing:1px;}

.job_01{padding-top:.38rem;}
.job_01 .h10{height:.25rem;}
.job_01 li{float:left; width:33.33%; min-height:1rem; position:relative; background:#008fd7;}
.job_01 .layer{position:absolute; z-index:10; left:0; top:0; width:100%; padding:0 .4rem;}
.job_01 .name a{color:#008fd7; display:block; font-size:.22rem; color:#008fd7; border-bottom:#008fd7 solid 1px; width:4em; padding:.4rem 0 .08rem 0; position:relative; left:0; margin-left:0;}
.job_01 .msg{font-size:.14rem; line-height:.36rem; padding:.15rem 0;}
.job_01 li:hover{color:#FFF;}
.job_01 li:hover .name a{color:#FFF; border-color:#FFF; left:50%; margin-left:-2em;}
.job_01 li:hover img{opacity:.2; filter:alpha(opacity=20);}

.job_02{background:#FFF; min-height:1rem; margin-bottom:.25rem;}
.job_02 .indexTitle2{height:.78rem;}
.job_02 .fl{padding:.5rem 0 0 .5rem; width:42.5%;}
.job_02 .imgList{width:100%; height:3.3rem; overflow:hidden; position:relative;}
.job_02 .swiper-slide{position:relative; min-height:1rem;}
.job_02 .fl .name a{display:block; position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:.14rem; color:#FFF; height:.32rem; line-height:.32rem; background:url(../images/bg1.png); overflow:hidden;}
.job_02 .arrow{display:block; position:absolute; z-index:10; bottom:0; width:.32rem; height:.32rem; background:#008fd7 url(../images/prev20.png) center no-repeat; background-size:.2rem;}
.job_02 .arrow.prev{left:0;}
.job_02 .arrow.next{right:0; background-image:url(../images/next20.png);}
/**/
.job_02 .list{width:57.5%; padding:.37rem .5rem 0 .55rem;}
.job_02 .list li{min-height:.5rem; position:relative; padding:.2rem .08rem; border-bottom:#ececec solid 1px;}
.job_02 .list .time{font-size:.13rem; color:#008fd7;}
.job_02 .list .name{font-size:.14rem; padding-top:.1rem;}
.job_02 .list a{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.job_02 .list a:before{content:""; display:block; position:absolute; top:0; right:0; width:.8rem; height:100%; background:url(../images/nimg39.png) center no-repeat; background-size:.39rem;}
.job_02 .list li:hover{background:#008fd7; color:#FFF;}
.job_02 .list li:hover .time{color:#FFF;}
.job_02 .list li:hover a:before{background-image:url(../images/nimg39on.png);}

.job_03{background:#FFF; min-height:1rem; margin-bottom:.25rem;}
.job_03 .indexTitle2{height:.78rem;}
.job_03 .msg{font-size:.14rem; color:#666; padding:.45rem .5rem .25rem .5rem;}
.job_03 .list{padding:0 .5rem .5rem;}
.job_03 .row{height:.5rem;
display: -webkit-flex;
display: flex;
}
.job_03 .col{width:20%; text-align:center; height:.5rem; line-height:.5rem; font-size:.14rem;}
.job_03 .col-1{width:30%; text-align:left; padding-left:.35rem;}
.job_03 .col-2{width:10%;}
.job_03 .title{color:#666;}
.job_03 li{padding-bottom:.06rem;}
.job_03 li .col{background:#999; color:#FFF; cursor:pointer;}
.job_03 li .col a{display:block; height:.5rem; background:url(../images/img20.png) center no-repeat; background-size:.2rem;}
.job_03 li .content{display:none; font-size:.14rem; line-height:.24rem; padding:.2rem .35rem .35rem;}
.job_03 li.on .col,
.job_03 li:hover .col{background:#008fd7;}
.job_03 li.on .col a{background-image:url(../images/img20on.png);}


.contact{padding-top:.58rem;}
.contact .fl{width:50%; min-height:4rem; border-right:#ccc solid 1px;}
.contact .fr{width:50%; padding-left:.45rem;}
.contact .title{font-size:.3rem; line-height:1em; padding-bottom:.25rem;}
.contact .content{font-size:.14rem; line-height:.36rem; color:#666; padding:0 .35rem .2rem 0; min-height:3.45rem;}
.contact .search{padding:.25rem 1.08rem .23rem 0;}
.contact .form{height:.54rem; position:relative; border:#CCC solid .02rem;}
.contact .form .tips{position:absolute; left:.15rem; top:0; line-height:.5rem; font-size:.14rem; color:#999;}
.contact .form .input1{width:100%; height:.5rem; line-height:.5rem; padding:0 .15rem; font-size:.14rem; position:relative;}
.contact .form .btn{position:absolute; top:-.02rem; right:-.02rem; width:1.57rem; height:.54rem; background:#ccc url(../images/nimg25.png) center no-repeat; background-size:.25rem;}
.contact .form .btn1{width:100%; height:.54rem;}
.contact .form.on .tips{display:none;}
.contact .form.on{border-color:#008fd7;}
.contact .form.on .btn{background-color:#008fd7;}
.contact .fr li{padding-bottom:.28rem; min-height:.45rem; position:relative;}
.contact .fr .tips{position:absolute; left:.13rem; top:0; line-height:.47rem; font-size:.14rem; color:#999;}
.contact .fr .input{border:#CCC solid 1px; position:relative; z-index:2;}
.contact .fr .input1{width:100%; height:.45rem; line-height:.45rem; padding:0 .12rem; font-size:.14rem;}
.contact .fr textarea.input1{height:0.8rem; line-height:.25rem; padding:.1rem .12rem;}
.contact .fr li.on .tips{display:none;}
.contact .fr li.on .input{border-color:#008fd7;}
.contact .fr .btn{background:#CCC;}
.contact .fr .btn1{width:100%; height:.47rem; font-size:.14rem; color:#FFF;}
.contact .form .btn:hover,
.contact .fr .btn:hover{background-color:#008fd7;}


.offerLayer{position:fixed; z-index:100; left:50%; top:50%; background:#FFF; width:6.4rem; min-height:5.8rem; padding:0 .5rem .4rem .5rem;  font-size:.14rem; color:#999; display:none; margin-left:-3.2rem; margin-top:-2.8rem;}
.offerLayer a.close{display:block; background:url(../images/nimg75_1.png) center no-repeat; background-size:cover; width:.75rem; height:.75rem; position:absolute; top:0; right:-.75rem;}
.offerLayer .title{font-size:.24rem; line-height:.36rem; padding:.4rem 0 .2rem 0;}
.offerLayer .title b{display:block;}
.offerLayer li{padding-bottom:.16rem; position:relative; min-height:.5rem;}
.offerLayer .input{border:#999 solid 1px;}
.offerLayer .input1{height:.52rem; line-height:.52rem; width:100%; font-size:.14rem; padding:0 .12rem; position:relative; z-index:2;}
.offerLayer textarea.input1{height:1.6rem; line-height:.32rem; padding:.1rem .12rem;}
.offerLayer .tips{position:absolute; left:.12rem; top:0; line-height:.54rem;}
.offerLayer .tips span{padding-left:.7em; color:#008fd7;}
.offerLayer li.on .input{border-color:#008fd7;}
.offerLayer li.on .tips{display:none;}
.offerLayer .msg{height:.5rem; line-height:.4rem; text-align:center;}
.offerLayer .msg span{display:inline-block; height:.4rem; background:url(../images/img13.png) left center no-repeat; background-size:.13rem; padding-left:.2rem;}
.offerLayer .btn{background:#999;}
.offerLayer .btn:hover{background:#008fd7;}
.offerLayer .btn1{height:.54rem; width:100%; font-size:.18rem; color:#FFF;}
/**/
.offerLayer .box-2{text-align:center; padding-top:1.23rem;}
.offerLayer .img{width:1.39rem; margin:0 auto;}
.offerLayer .title2{font-size:.24rem; color:#666; letter-spacing:.02rem;}
.offerLayer .title2 h2{font-size:.24rem; padding:.3rem 0 .2rem 0;}
.offerLayer p{font-size:.14rem; color:#666; padding:.2rem 0;}

.product {
  padding: .35rem .23rem 0 .23rem; }
  .product ul {
    margin-left: -.2rem; }
  .product li {
    float: left;
    padding: 0 0 .2rem .5rem; }
    .product li:hover .imgDiv a {
      opacity: 1; }
    .product li:hover .imgDiv img {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2); }
    .product li:hover .name a {
      background: #227ed4; }
  .product .imgDiv {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1px; }
    .product .imgDiv a {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      opacity: 0;
      background: rgba(0, 0, 0, 0.6) url("../images/img80.png") center no-repeat;
      background-size: .84rem; }
  .product .name a {
    display: block;
    height: .5rem;
    line-height: .5rem;
    overflow: hidden;
    font-size: 16px;
    background: #0066cc;
    text-align: center; color:#fff; }
    
    .honorLayer{position:fixed; z-index:100; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; visibility:hidden;}
.honorLayer.on{opacity:1; visibility:visible;}
.honorLayer .box{position:absolute; left:50%; top:50%; background:#FFF; width:7rem; min-height:2rem; padding:.6rem .5rem; margin-left:-3.5rem; margin-top:-3.5rem;}
#honorLayer{width:100%; height:6.3rem; overflow:hidden; position:relative;}
.honorLayer .img{padding:0 .5rem;}
.honorLayer .swiper-slide img{max-height:100%;}
.honorLayer a{display:block; position:absolute; z-index:10; background:#666 center no-repeat; background-size:cover; width:.6rem; height:.6rem;}
.honorLayer a:hover{background-color:#008fd7;}
.honorLayer a.close{width:.75rem; height:.75rem; top:0; right:-.75rem; background-image:url(../images/close75.png);}
.honorLayer a.arrow{top:50%; margin-top:-.3rem; background-size:.42rem;}
.honorLayer a.prev{left:0; background-image:url(../images/prev42.png);}
.honorLayer a.next{right:0; background-image:url(../images/next42.png);}


@media screen and ( max-width:780px )
{
    .headD{height:1rem;}   
    .pageBanner,
.pageBanner .wal{height:2.6rem;}
.pageBanner .layer{left:0; top:1.1rem; font-size:.3rem; width:100%; text-align:center;}
.pageBanner .layer h2{font-size:.52rem;}

.pageNav{height:.8rem; background:#e7e7e7; border-color:#e7e7e7; position:relative;}
.pageNav .name{display:block; height:.8rem; line-height:.8rem; text-align:center; font-size:.3rem; color:#666;}
.pageNav .name span{padding-left:.38rem; background:url(../images/img23.png) right center no-repeat; background-size:.23rem; padding-right:.38rem;}
.pageNav ul{position:absolute; z-index:20; left:0; top:100%; width:100%; background:#FFF; min-height:1rem; display:none;
-moz-box-shadow:0 .08rem .1rem rgba(0,0,0,0.1);
-webkit-box-shadow:0 .08rem .1rem rgba(0,0,0,0.1);
box-shadow:0 .08rem .1rem rgba(0,0,0,0.1);
}
.contact .fl{width:100%; border:0; border-bottom:#ccc solid 1px;}
.contact .fr{width:100%; padding:.45rem 0 0 0;}
.contact .content{font-size:.22rem; line-height:.46rem; padding:0 0 .3rem 0;}
.contact .search{padding:.25rem 0;}
.contact .form{height:.74rem;}
.contact .form .tips{left:.15rem; line-height:.72rem; font-size:.24rem;}
.contact .form .input1{height:.7rem; line-height:.7rem; font-size:.24rem;}
.contact .form .btn,
.contact .form .btn1{height:.74rem;}
.contact .fr .tips{line-height:.72rem; font-size:.24rem;}
.contact .fr .input1{height:.7rem; line-height:.7rem; font-size:.24rem;}
.contact .fr textarea.input1{height:3rem; line-height:.35rem; padding:.15rem .12rem;}
.contact .fr .btn1{height:.7rem; font-size:.24rem;}

.service_01{padding:0;}
.service_01 .imgDiv{position:relative; width:100%; overflow:hidden; height:3rem;}
.service_01 .imgDiv a{display:block; margin-left:-.3rem; margin-right:-.3rem; position:relative; top:-1rem;}
.service_01 .box{padding:0 .3rem .3rem;}
.service_01 .title{font-size:.32rem;}
.service_01 .content{font-size:.24rem; line-height:.46rem;}
.service_01 .list{min-height:1.9rem;}
.service_01 .list:before{height:1.6rem;}
.service_01 li{height:1.3rem; padding:0 .2rem 0 .3rem; font-size:.2rem; line-height:.32rem;}
.service_01 li br{display:none;}
.service_01 li:before{height:1.6rem;}
.service_01 .form{height:.74rem;}
.service_01 .form .input1{height:.7rem; line-height:.7rem; font-size:.24rem;}
.service_01 .form .btn{height:.74rem;}
.service_01 .form .btn1{height:.74rem;}

.service_02 li{width:100%; padding:0 .25rem .3rem 1.75rem; min-height:1rem;}
.service_02 .imgDiv{left:.35rem;}
.service_02 .name{font-size:.32rem;}
.service_02 p{line-height:.42rem; font-size:.24rem;}

.job_01 li{width:100%;}
.job_01 .name a{font-size:.3rem;}
.job_01 .msg{font-size:.24rem; line-height:.46rem;}

.job_02 .fl{padding:0; width:100%;}
.job_02 .fl .name a{font-size:.24rem; height:.6rem; line-height:.6rem;}
.job_02 .imgList{height:4.5rem;}
.job_02 .arrow{width:.6rem; height:.6rem;}
/**/
.job_02 .h50{height:.1rem;}
.job_02 .list{width:100%; padding:.3rem;}
.job_02 .list .time{font-size:.2rem;}
.job_02 .list .name{font-size:.24rem;}

.job_03 .msg{font-size:.24rem; padding:.45rem .3rem .25rem .3rem; line-height:1.6em;}
.job_03 .list{padding:0 .3rem .3rem;}
.job_03 .row{height:.7rem;}
.job_03 .col{height:.7rem; line-height:.7rem; font-size:.22rem;}
.job_03 .col-1{padding-left:.15rem;}
.job_03 li .col a{height:.7rem;}
.job_03 li .content{font-size:.24rem; line-height:.44rem; padding:.2rem .15rem .15rem;}

  .product li {
    width: 50%;     padding: 0 0 .2rem .2rem;}
  .product .name a {
    font-size: 0.26rem; }
    
    .news{font-size:.22rem;}
.news li{width:50%;}
.news .name{font-size:.26rem; height:.8rem; line-height:.8rem; overflow:hidden;}
.news p{line-height:.36rem; height:.72rem; position:relative; top:-.05rem;}
.news .btn a{height:.58rem; line-height:.58rem;}
.news .time{line-height:.65rem;}
.news .time span{height:.65rem;}

.pageNav{height:.8rem; background:#e7e7e7; border-color:#e7e7e7; position:relative;}
.pageNav .name{display:block; height:.8rem; line-height:.8rem; text-align:center; font-size:.3rem; color:#666;}
.pageNav .name span{padding-left:.38rem; background:url(../images/img23.png) right center no-repeat; background-size:.23rem; padding-right:.38rem;}
.pageNav ul{position:absolute; z-index:20; left:0; top:100%; width:100%; background:#FFF; min-height:1rem; display:none;
-moz-box-shadow:0 .08rem .1rem rgba(0,0,0,0.1);
-webkit-box-shadow:0 .08rem .1rem rgba(0,0,0,0.1);
box-shadow:0 .08rem .1rem rgba(0,0,0,0.1);
}
.pageNav li{padding:0; display:block;}
.pageNav a{height:.8rem; line-height:.8rem; font-size:.26rem; border-bottom:#eee solid 1px;}
.pageNav a:before{display:none;}

.about{line-height:.48rem;}
.about .name{font-size:.32rem;}
.about .content{font-size:.24rem; padding-bottom:.2rem;}
.about .img{padding-bottom:.15rem;}
.about .fl{width:100%; padding-right:0;}
.about .fr{width:100%; padding:.2rem 0 0 0;}
.about img{ width:100%;}
.content img{ width:100%;}

.History{padding:0 .4rem 0 .45rem;}
.History .list:before{left:0; margin-left:-.12rem;}
.History li{width:100%; border:0; border-left:#FFF solid 2px; padding:0 0 0 .5rem;}
.History .title{text-align:left; color:#FFF; font-size:.22rem; padding:.55rem 0 .22rem 0;}
.History .title div{font-size:.3rem; height:.45rem; line-height:.45rem;}
.History .title div:before{right:auto; left:-.5rem;}
.History .name{height:.75rem; line-height:.75rem; font-size:.3rem; padding:0 .3rem;}
.History .name:before{right:auto; left:.45rem;}
.History .box{padding:.3rem;}
.History .content{line-height:.49rem; font-size:.28rem;}
/**/
.History li.liOdd{margin-top:0; left:0; border-width:2px;}
.History li.liOdd .title,
.History li.liOdd .name{text-align:left;}
.History .msg{text-align:left; font-size:.24rem; padding:1rem 0 .45rem 0; background-position:left top; left:0; background-size:2px;}

.news{font-size:.22rem;}
.news li{width:50%;}
.news .name{font-size:.26rem; height:.8rem; line-height:.8rem;}
.news p{line-height:.36rem; height:.72rem; position:relative; top:-.05rem;}
.news .btn a{height:.58rem; line-height:.58rem;}
.news .time{line-height:.65rem;}
.news .time span{height:.65rem;}

.newShow{padding:.35rem 0;}
.newShow .wal{padding:0 .25rem;}
.newShow .title{padding-top:.35rem; line-height:1.6em;}
.newShow .msg{font-size:.2rem;}
.newShow .msg span{padding-right:1em;}
.newShow .content{font-size:.26rem; line-height:2em;}

.pageNum2{margin-left:-.25rem; margin-right:-.25rem; font-size:.24rem; padding-top:.45rem;}
.pageNum2 .fl,
.pageNum2 .fr{width:100%; line-height:.5rem; min-height:.5rem; padding:0 .25rem 0 5em; position:relative; top:-.2rem;}
.pageNum2 .fl a,
.pageNum2 .fr a{height:.5rem; line-height:.5rem; overflow:hidden;}
.pageNum2 span{position:absolute; left:.25rem; top:0;}
.pageNum2 a.back{width:100%; position:relative; left:0; height:1rem; border:0; line-height:1rem; border-top:#CCC solid 1px;}
}

